#app {
    border-top: 1px solid #ddd;
    display: flex;
    margin-top: 160%;
    

    .left {
        font-size: .1rem;
        padding: .1rem;
        flex: 6;
        display: flex;
        align-items: stretch;
        justify-content: space-around;

        img {
            display: flex;
            align-self: center;
            justify-content: space-between;
            width: .2rem;
        }

        .customer {
            display: flex;
            flex: 1;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .share {
            display: flex;
            flex: 1;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .cart {
            display: flex;
            flex: 1;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
    }

    .right {
        color: white;
        font-size: .15rem;
        font-weight: 550;
        flex: 8;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;

        .join {
            padding: .1rem;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            background-color: #FFD700;
        }

        .buy {
            padding: .1rem;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            width: 100%;
            background-color: red;
        }
    }
}